@import "../../../../styles/variable";

.cell-item {
  width: 100%;
  background-color: @colorE5E5E5;

  .cell-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    background-color: @colorWhite;

    .img-content {
      width: 100px;
      height: 100px;
      margin-left: 30px;
      margin-top: 30px;
      position: relative;
      .img-icon {
        width: 100%;
        height: 100%;
      }
    }
    .cell-right {
      flex: 1;
      margin-left: 20px;
      margin-right: 30px;
      display: flex;
      flex-direction: column;
      align-self: center;

      .cell-rtop {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        line-height: 42px;

        .cell_rleft {
          font-size: @font30;
          color: @color333;
        }
        .cell_rright {
          font-size: @font24;
          color: @color999;
          font-family: @fontFamilyLight;
        }
      }
      .cell_rbottom {
        font-size: @font26;
        color: @color666;
        line-height: 38px;
        font-family: @fontFamilyLight;
        margin-top: 10px;
        .line(2);
      }
    }
  }

  .cell-btn_outer {
    width: 100%;
    height: 100%;
    .btn-content {
      width: 100%;
      height: 100%;
      background-color: @colorFF3B3B;
      color: @colorWhite;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: @font30;
    }
  }
}
